const path = require("path");
// 遵循node规范，向外部暴露一个对象
module.exports = {
  mode: "production", // production为生产模式 development为开发模式
  entry: {
    index: "./src/index.js",
  }, // 指定打包时的入口文件，默认为./src/index.js
  output: {
    path: path.resolve(__dirname, "hello"),
    filename: "[name].js", // 打包后的文件名，[name]为入口文件名
    // clean: true, // 打包前清空dist目录
  },
  module: {
    rules: [
      // 这里的test是正则表达式，意为匹配.css结尾的文件
      // style-loader用来将css文件插入到html文件中，数组中顺序为从右到左引入
      { test: /\.css$/, use: ["style-loader", "css-loader"] },
      {
        test: /\.(png|svg|jpg|jpeg|gif)$/i,
        type: "asset/resource",
      },
    ],
  },
};
